<template>
	<div>
		<h1>{{name}}</h1>
		<button @click="sendInfo">向父组件发送信息</button>
		<button @click="offEvent">解绑自定义事件</button>
	</div>
</template>

<script>
	export default {
		name: 'Teacher',
		data() {
			return {
				name: '王老师'
			}
		},
		methods: {
			sendInfo() {
				this.$emit('sendName',this.name)
			},
			offEvent() {
				// 解绑该组件上的自定义事件 sendName
				// this.$off('sendName');
				
				// 解绑该组件上的多个自定义事件 使用字符串数组参数
				// this.$off(['sendName']);
				
				// 不传入参数表示解绑所有自定义事件
				this.$off();
			}
		}
	}
</script>

<style>
</style>